// color 
$colors:(
  "primary":#db9e3f,
  "info":#1055e9,
  "blue":#4394e4,3
  "blue-1":#1f3695,
  "danger":#791a15,
  "white":#fff,
  "white-1":#fcfcfc,
  "white-2":#ececf0,
  "light":#f9f9f9,
  "light-1":#d4d9de,
  "black":#000,
  "dark-1":#343440,
  "dark":#222,
  "grey":#999,
  "grey-1":#666,

);


$border-color:map-get($colors, 'light-1'); 
//font-size
$base-font-size:1rem;
$font-sizes:(
  xss: .615385, //8px
  xs: .769231, //10px
  sm: .923077, //12px 
  md: 1,   //13px
  lg: 1.076923, //14px
  xl: 1.230769, //16px
);

$flex-jc: (
  start: flex-start,
  end: flex-end,
  center:center,
  between: space-between,
  around: space-around
);

$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch
);


//spacing 边距
$spacing-types: (
  m:margin,
  p:padding,
);
$spacing-directions: (
  t:top,
  r:right,
  b:bottom,
  l:left
);

$spacing-base-size: 1rem;
$spacing-sizes: (
  0:0,
  1:0.25,
  2:0.5,
  3:1,
  4:1.5,
  5:3
);
